<template>
  <div class="rowStart1">
    <div>111</div>
    <div>22</div>
  </div>
  <!-- <DButton :mdata="mdata"/>
  <DButton :mdata="mdata"/>
  <DButton :mdata="mdata"/> -->
  <el-input ref="myButton" v-model="info">aaa</el-input>
  <div style="font-size: 80px">hello</div>
  <!-- <el-color-picker
      ref="myButton"
    /> -->
</template>

<script setup lang="ts">
import { onMounted, ref } from "vue";
const myButton = ref();
let info = "hello"

let mdata  = {
  attrs:{
    value:"one"
  }
}

onMounted(() => {
  // myButton.value!.addEventListener("click", handleClick);
  console.log(myButton.value)
  myButton.value.ref.addEventListener("focus", handleClick)
});

function handleClick() {
  console.log("hello,baby")
}
</script>

<style>
.cRoot {
  font-size: 12px;
}
</style>
